<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta http-equiv="x-ua-compatible" content="id=edge" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <link rel="stylesheet" href="./src/css/normalize.css" />
    <link rel="stylesheet" href="./src/css/main.css" />
    <link rel="stylesheet" href="./src/js/vendor/owl.carousel.2.1.0/assets/owl.carousel.min.css" />
    <link
      rel="stylesheet"
      href="./src/js/vendor/owl.carousel.2.1.0/assets/owl.theme.default.min.css"
    />
    <script src="./src/js/vendor/jquery-2.2.4.min.js"></script>
    <script src="./src/js/vendor/owl.carousel.2.1.0/owl.carousel.min.js"></script>
    <script src="./src/js/index.js"></script>
    <title>理财宝</title>
  </head>

  <body>
    <!--[if lte IE 8]>
    <p class="browserupgrade">王朋朋温馨提示：您的浏览器版本较老，请到 <a href="http://browsehappy.com">这里</a> 更新，以获取最佳的体验</p>
<![endif] -->

    <header>
      <nav class="top">
        <span class="tel">
          理财热线：400-888-8888
        </span>
        <ul>
          <li><a href="#">登录</a></li>
          <li><a href="#">快速注册</a></li>
          <li><a href="#">关于</a></li>
          <li><a href="#">帮助</a></li>
          <li><a href="#">APP下载</a></li>
        </ul>
      </nav>
      <nav class="main clearfix">
        <a href="#" class="brand"><img src="./src/img/logo@1x.png" alt="回到首页"/></a>
        <ul>
          <li><a href="#">首页</a></li>
          <li><a href="#">理财频道</a></li>
          <li><a href="#">投资频道</a></li>
          <li><a href="#">新手专区</a></li>
          <li><a href="#">安全保障</a></li>
        </ul>
      </nav>
    </header>

    <div class="container">
      <section class="transaction">
        <div class="trans-content clearfix">
          <div class="trans-data">
            <span>平台累计成交金额</span>
            <span class="trans-money">19888</span>
            <span>万元&nbsp;</span>
          </div>
          <div class="trans-data">
            <span>过去7日成交金额</span>
            <span class="trans-money">588</span>
            <span>万元</span>
          </div>
          <div class="trans-report">
            <a href="#">查看平台运营报告</a>
          </div>
        </div>
      </section>
      <div class="ad">
        <div class="owl-carousel owl-theme">
          <div class="item">
            <picture>
              <source srcset="src/img/ad001-l.png" media="(min-width:50em)" />
              <source srcset="src/img/ad001-m.png" media="(min-width:30em)" />
              <img src="src/img/ad001.png" alt="2015年度报告" />
            </picture>
          </div>
          <div class="item">
            <picture>
              <source srcset="src/img/ad002-l.png" media="(min-width: 50em)" />
              <source srcset="src/img/ad002-m.png" media="(min-width: 30em)" />
              <img srcset="src/img/ad002.png" alt="新年红包" />
            </picture>
          </div>
          <div class="item">
            <picture>
              <source srcset="src/img/ad003-l.png" media="(min-width: 50em)" />
              <source srcset="src/img/ad003-m.png" media="(min-width: 30em)" />
              <img srcset="src/img/ad003.png" alt="新手秘籍" />
            </picture>
          </div>
        </div>
      </div>
      <section class="feature">
        <div class="item">
          <h3>安全</h3>
          <ul>
            <li>国家AAA信用平台</li>
            <li>银行资金托管</li>
            <li>上市公司背景保证</li>
          </ul>
        </div>
        <div class="item">
          <h3>权威</h3>
          <ul>
            <li>中央电视台推荐</li>
            <li>互联网百强企业</li>
            <li>标准起草单位</li>
          </ul>
        </div>
        <div class="item">
          <h3>省心</h3>
          <ul>
            <li>100元起投</li>
            <li>用户利益保障机制</li>
            <li>保险公司承保</li>
          </ul>
        </div>
      </section>
      <section class="notice clearfix">
        <a href="#"><span>2016-8-1</span> 元旦期间业务受理及值班公告</a>
        <a href="#" class="more">更多公告</a>
      </section>
      <section class="product">
        <h2>
          固定期限产品
          <em>甄选优质基金</em>
          <em>省时省力</em>
          <em>坐等收益</em>
        </h2>
        <div class="product-content">
          <div class="item clearfix">
            <h3><em class="invest-duration">3</em>个月</h3>
            <div class="info">
              <p>
                约定年化收益 <br />
                <span> <em class="year-rate">3.50%</em><i>起</i> </span>
              </p>
              <p>
                总成交金额 <br />
                <span> <em class="money">1880</em><i>万元</i> </span>
              </p>
            </div>
            <div class="buy">
              <a href="#">购买</a>
            </div>
          </div>
          <div class="item clearfix">
            <h3><em class="invest-duration">6</em>个月</h3>
            <div class="info">
              <p>
                约定年化收益 <br />
                <span> <em class="year-rate">3.90%</em><i>起</i> </span>
              </p>
              <p>
                总成交金额 <br />
                <span> <em class="money">2880</em><i>万元</i> </span>
              </p>
            </div>
            <div class="buy">
              <a href="#">购买</a>
            </div>
          </div>
          <div class="item clearfix">
            <h3><em class="invest-duration">9</em>个月</h3>
            <div class="info">
              <p>
                约定年化收益 <br />
                <span> <em class="year-rate">4.50%</em><i>起</i> </span>
              </p>
              <p>
                总成交金额 <br />
                <span> <em class="money">3500</em><i>万元</i> </span>
              </p>
            </div>
            <div class="buy">
              <a href="#">购买</a>
            </div>
          </div>
          <div class="item clearfix">
            <h3><em class="invest-duration">12</em>个月</h3>
            <div class="info">
              <p>
                约定年化收益 <br />
                <span> <em class="year-rate">5.50%</em><i>起</i> </span>
              </p>
              <p>
                总成交金额 <br />
                <span> <em class="money">6500</em><i>万元</i> </span>
              </p>
            </div>
            <div class="buy-disabled">
              <a href="#">已售罄</a>
            </div>
          </div>
        </div>
      </section>
      <section class="product">
        <h2>
          债权/散标产品
          <em>自主投资</em>
          <em>期限灵活</em>
        </h2>
        <div class="product-content">
          <div class="item clearfix">
            <h3>
              <em class="invest-duration">3</em>个月
              <em class="invest-scope">日常生活消费</em>
            </h3>
            <div class="info">
              <p>
                约定年化收益 <br />
                <span> <em class="year-rate">3.50%</em><i>起</i> </span>
              </p>
              <p>
                总成交金额 <br />
                <span> <em class="money">1880</em><i>万元</i> </span>
              </p>
            </div>
            <div class="buy">
              <a href="#">购买</a>
            </div>
          </div>
          <div class="item clearfix">
            <h3>
              <em class="invest-duration">6</em>个月
              <em class="invest-scope">资金周转</em>
            </h3>
            <div class="info">
              <p>
                约定年化收益 <br />
                <span> <em class="year-rate">4.50%</em><i>起</i> </span>
              </p>
              <p>
                总成交金额 <br />
                <span> <em class="money">4880</em><i>万元</i> </span>
              </p>
            </div>
            <div class="buy">
              <a href="#">购买</a>
            </div>
          </div>
          <div class="item clearfix">
            <h3>
              <em class="invest-duration">9</em>个月
              <em class="invest-scope">政府基建</em>
            </h3>
            <div class="info">
              <p>
                约定年化收益 <br />
                <span> <em class="year-rate">4.90%</em><i>起</i> </span>
              </p>
              <p>
                总成交金额 <br />
                <span> <em class="money">5280</em><i>万元</i> </span>
              </p>
            </div>
            <div class="buy-disabled">
              <a href="#">已售罄</a>
            </div>
          </div>
          <div class="item clearfix">
            <h3>
              <em class="invest-duration">12</em>个月
              <em class="invest-scope">个人消费</em>
            </h3>
            <div class="info">
              <p>
                约定年化收益 <br />
                <span> <em class="year-rate">5.20%</em><i>起</i> </span>
              </p>
              <p>
                总成交金额 <br />
                <span> <em class="money">7880</em><i>万元</i> </span>
              </p>
            </div>
            <div class="buy-disabled">
              <a href="#">已售罄</a>
            </div>
          </div>
        </div>
      </section>

      <nav class="help clearfix">
        <div class="help-content clearfix">
          <p class="brand"></p>
          <ul>
            <li class="title">关于我们</li>
            <li><a href="">公司介绍</a></li>
            <li><a href="">业务模式</a></li>
            <li><a href="">合作机构</a></li>
            <li><a href="">服务协议</a></li>
          </ul>
          <ul>
            <li class="title">风险防范</li>
            <li><a href="">账户安全</a></li>
            <li><a href="">安全保障</a></li>
          </ul>
          <ul>
            <li class="title">理财产品</li>
            <li><a href="">固定期限</a></li>
            <li><a href="">债权/散标</a></li>
          </ul>
          <ul>
            <li class="title">交易帮助</li>
            <li><a href="">购买</a></li>
            <li><a href="">赎回</a></li>
            <li><a href="">提现</a></li>
          </ul>
          <ul>
            <li class="title">机构服务</li>
            <li><a href="">机构中心</a></li>
            <li><a href="">合作联系</a></li>
          </ul>
        </div>
      </nav>
    </div>

    <footer>
      <ul>
        <li><span class="icon iocn-zfywxk">支付业务许可证</span></li>
        <li><span class="icon iocn-pcirz">PCI认证</span></li>
        <li><span class="icon iocn-visayz">Visa验证</span></li>
        <li><span class="icon iocn-vsjmfw">VerSign加密服务</span></li>
        <li><span class="icon iocn-wlgs">网络工商</span></li>
        <li><span class="icon iocn-rzcx">电子商务协会认证诚信网</span></li>
        <li><span class="icon iocn-bjgs">北京工商</span></li>
      </ul>
      <p>北京XX互联网金融公司 版权所有 &copy; 2015-2016</p>
    </footer>
  </body>
</html>
